<template>
  <div class="aboutUs">
    <div class="title">
      <i
        class="iconfont icon-left"
        style="position:absolute;left:10px;top:10px;font-size:14px"
        @click="()=>{$router.go(-1)}"
      ></i>
      <p>赛区公示</p>
    </div>
    <div id="aboutContent">
      <div v-html="datas">{{datas}}</div>
    </div>
  </div>
</template>
<script>
export default {
  data: () => ({
    datas: null
  }),

  created() {
    this.$axios.notLoggedIn(`ym/news/singer?id=3`).then(res => {
      this.datas = res.content;
    });
  },
  mounted() {}
};
</script>
<style lang="scss" scoped>
.aboutUs {
  .title {
    background: #ffaf03;
    color: #fff;
    p {
      text-align: center;
      margin: 0;
      height: 40px;
      line-height: 40px;
    }
  }
  #aboutContent {
    padding: 0 8px;
    text-indent: 30px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    p {
      text-indent: 100px;
    }
  }
}
</style>